<script type="text/javascript" src="__PUBLIC__/js/jquery/lin_snsShare.js"></script>
                        	<div class="jqueryTitle mt5">
                            	<span>实现原理</span>
                            </div>
                            <div class="p15">
                            	通过传递的类型参数弹出不同的社交分享界面，很简单，自己备用的！
                            </div>
                            
                        	<div class="jqueryTitle mt5">
                            	<span>相关参数</span>
                            </div>
                            <div class="p15">
                            	<table cellpadding="0" cellspacing="0" class="jqueryAttr">
                                	<thead>
                                    	<tr>
                                        	<th>参数名</th>
                                            <th>参数说明</th>
                                        </tr>
                                    </thead>
                                    <tbody>
		<tr>
        	<td>linkURL</td>
            <td>分享的URL</td>
        </tr>
		<tr>
        	<td>title</td>
            <td>分享标题</td>
        </tr>        
        <tr>
        	<td>pic</td>
            <td>分享选中图片</td>
        </tr>                                        
        </tbody>
                                </table>
                            </div> 
                            <div class="jqueryTitle mt5">
                            	<span>演示效果</span>
                            </div>
                            <div class="p15">
                            	<p class="pt15">前期准备：头部加入jquery-1.7.2.min.js;lin_snsShare.js文件</p>
                            	<div class="pt15"><strong>效果</strong></div>
                                <p>CSS</p>
                                <pre>.lin_sns li {
    color: #999999;
    display: inline;
    float: left;
    height: 34px;
    line-height: 34px;
    margin-right: 8px;
}
.lin_sns_ico{
    background: url(flow_ico.jpg) no-repeat scroll 0 0 transparent;
    display: block;
    height: 34px;
    width: 35px;
}
.lin_sns_ico_sina {
    background-position: -5px -6px;
    height: 34px;
    width: 35px;
}
.lin_sns_ico_qwei {
    background-position: -43px -6px;
    height: 34px;
    width: 36px;
}
.lin_sns_ico_qq {
    background-position: -82px -6px;
    height: 34px;
    width: 35px;
}
.lin_sns_ico_douban {
    background-position: -120px -6px;
    height: 34px;
    width: 36px;
}
.lin_sns_ico_kaixin {
    background-position: -159px -6px;
    height: 34px;
    width: 35px;
}
.lin_sns_ico_renren {
    background-position: -198px -6px;
    height: 34px;
    width: 35px;
}</pre>
                                <p>js</p>
                                <pre>$('.lin_sns_ico').click(function(){
var $this=$(this);
var type=$this.attr('data_type');
lin_snsShare.init('','','',type);
		});</pre>
             <div class="blank10"></div>
			<ul class="lin_sns clearfix"><li>分享到：</li><li><a data_type="qq" class="lin_sns_ico lin_sns_ico_qwei" href="javascript:;"></a></li><li><a data_type="zone" class="lin_sns_ico lin_sns_ico_qq" href="javascript:;"></a></li><li><a data_type="sina" class="lin_sns_ico lin_sns_ico_sina" href="javascript:;"></a></li><li><a data_type="kaixin" class="lin_sns_ico lin_sns_ico_kaixin" href="javascript:;"></a></li><li><a data_type="renren" class="lin_sns_ico lin_sns_ico_renren" href="javascript:;"></a></li><li><a data_type="douban" class="lin_sns_ico lin_sns_ico_douban" href="javascript:;"></a></li></ul>
                            	                             
                                
                            </div>  
 

                            <div class="clearfix pt40 pb40">
                            	<a href="http://url.cn/M7Kbo1" title="《{$data.title}》源代码下载" class="jqueryDown" rel="nofollow" target="_blank">《{$data.title}》源代码下载</a>
                            </div>   
                        
 
 <script type="text/javascript">
 $(function(){
		$('.lin_sns_ico').click(function(){
				var $this=$(this);
				var type=$this.attr('data_type');
				lin_snsShare.init('','','',type);
		});
	});
 </script>   
